<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Tell the browser to be responsive to screen width -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon.ico">
  <title>壹脉智能CRM</title>
  <link href="./css/bootstrap.min.css" rel="stylesheet">
  <link href="./css/perfect-scrollbar.min.css" rel="stylesheet">
  <link href="css/style.min.css" rel="stylesheet">
  <!-- You can change the theme colors from here -->
  <link href="css/colors/default.css" id="theme" rel="stylesheet">
  <link rel="stylesheet" href="css/diy.min.css">

</head>

<body class="fix-header fix-sidebar card-no-border">
  <div class="preloader">
    <div class="loader">
      <div class="loader__figure"></div>
      <p class="loader__label">壹脉</p>
    </div>
  </div>
  <div id="main-wrapper">
    <!-- 导航 -->
    <header class="topbar">
      <nav class="navbar top-navbar navbar-expand-md navbar-light">
        <div class="navbar-header">
          <a class="navbar-brand" href="../index.html">
            <b>
              <img src="../assets/images/diy/yimai.png" alt="homepage" class="dark-logo"/>
            </b>
            <span>
              <span class="fs18 cblue p-l-6 fbold">壹脉智能CRM</span>
            </span>
          </a>
        </div>
        <div class="navbar-collapse">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <a class="nav-link nav-toggler hidden-md-up waves-effect waves-dark"href="javascript:void(0)">
                <i class="sl-icon-menu"></i>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link sidebartoggler hidden-sm-down waves-effect waves-dark"href="javascript:void(0)">
                <i class="sl-icon-menu"></i>
              </a>
            </li>
          </ul>
          <user-head></user-head>
        </div>
      </nav>
    </header>
    <!-- 侧边栏 -->
    <aside class="left-sidebar">
      <div class="scroll-sidebar">
        <company-position></company-position>
        <nav class="sidebar-nav p-0">
          <c-slider current="11"></c-slider>
        </nav>
      </div>
    </aside>
    <!-- main -->
    <div class="page-wrapper">
      <div class="container-fluid">
        <div class="row page-titles">
            <div class="col-md-5 align-self-center">
                <h3 class="text-themecolor">员工数据</h3>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">HOME</a></li>
                    <li class="breadcrumb-item active">员工数据详情</li>
                </ol>
            </div>
        </div>
        <div class="mr-auto d-flex p-l-30 fs14 cfff lh30 align-cen">
          <div >

          </div>
        </div>
        <div class="row bgfff p-t-30 p-l-30 p-r-31 p-b-30 m-b-20">
          <el-row style="width: 100%">
            员工数据详情列表
          </el-row>
          <div class="mr-auto d-flex p-l-30 fs14 cfff lh30 align-cen">
            <div class="m-r-21">
              <el-form  inline="true" label-width="80px">
                <el-form-item label="员工姓名" style="color: #0b0b0b">
                  {{name}}
                </el-form-item>
              </el-form>
            </div>
          </div>
          <el-row style="overflow-x:auto;width: 100%;display:block;">
            <el-table border align="center"  highlight-current-row
                    :data="tableData"
                    style="overflow-x:auto;width: 100%;display:block;" >
              <el-table-column align="center" type="index" width="50"  label="序号"> </el-table-column>
              <el-table-column align="center" prop="title" label="文章标题" > </el-table-column>
              <el-table-column align="center"  prop="pubTime" label="发布时间"> </el-table-column>
              <el-table-column align="center" prop="shareNum" label="分享次数"> </el-table-column>
              <el-table-column align="center" prop="winCustomers"  label="获客数" > </el-table-column>
              <el-table-column align="center" prop="seeNum"  label="浏览次数" > </el-table-column>
            </el-table>
          </el-row>
          <div class="fs14 p-t-18 p-b-15"></div>
        </div>
      </div>
    </div>
  </div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/perfect-scrollbar.jquery.min.js"></script>
<script src="js/sidebarmenu.js"></script>
<script src="js/custom.min.js"></script>
<script src="js/layer/layer.js"></script>
<script src="js/vue.js"></script>
<script src="js/config.js"></script><script src="js/extend.js"></script>
<script>
  $(function () {

    var vw = new Vue({
      el: '#main-wrapper',
      data: {
        current: 1 ,
        pageSize:10,
        tableData: [],
        userId:'',
        name:''
      },
      mounted() {
        let param = $.formatParams(location.href);
        console.log(param)
        this.userId = param.userId;
        this.name = param.name;
        this.searchPage();
      },
      methods: {
          searchPage(){
            const setting = {
              data : {
                pageSize : this.pageSize,
                pageNum : this.pageNum,
                userId: this.userId
              }
            }
            $.cAjax('/crmPc/customerEssay/queryStaffShareDetail',setting).then(data => {
              if(data){
                this.tableData = data.list;
              }
            }).catch(function (err) {
            });
          }
      },
    })
  })
</script>
  <!-- 引入组件库 -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <style type="text/css">
    .btncss{
      background-color: #51CDCB;
      border: 1px #51CDCB solid;
      color: white;
      margin-left: 20px;
    }
  </style>
</body>
</html>

